<!DOCTYPE HTML>
<html>
<head>
<title>{$config.shop_title}</title>
<include file="Public:headtop" />
<link type="text/css" rel="stylesheet" href="{:RES}/css/default.css" />
<link type="text/css" rel="stylesheet" href="{:RES}/css/theme{$config.custom_plate}.css" />
<style>
.swipe-nav{display:none;}
.search-wrapper{
	background-color:#489b22;
	height: 50px;
}
.search-form{
}
.search-input-wrapper{
position: absolute;
height: 42px;
display: block;
left: 10px;
border: 0;
right: 150px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-image: -webkit-linear-gradient( top,#FDFDFD,#E0E0E0);
}
.search-input{
width:100%;
height: 42px;
display: block;
border:0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: transparent;
}
.submit-button{
background: url(/Public/Shop/images/submit.png) center no-repeat;
border: 0;
width: 150px;
height: 42px;
display: block;
position: absolute;
right: 10px;
}
.search-group{
position:relative;
padding:5px 10px;
}
</style>
</head>
<body menu-active="MENU_INDEX" style="padding-top:150px;">
<div style="position:fixed;top:0;width:100%;z-index:1000;">
	<div style="height:100px;background:url(/Public/Shop/images/top.jpg) center no-repeat rgb(255,255,255);background-size: 100% 100%;"></div>
	<div class="search-wrapper">
		<form class="search-form" action="{:U('Index/search?token='.$token)}">
			<div class="search-group">
			<div class="search-input-wrapper">
				<input name="keyword" placeholder="搜索产品" class="search-input" type="text" />
			</div>
			<button type="submit" class="submit-button">&nbsp;</button>
			</div>
		</form>
	</div>
</div>
<div class="banner">
	<div id='slider' class='swipe'>
		<div class='swipe-wrap'>
			<volist name="ad" id="vo">
			<div>
				<a href="{$vo.url}">
					<img title="{$vo.desc}" src="{$vo.content}" style="width:100%;"/>
				</a>
			</div>
			</volist>
		</div>
		<ol class="swipe-nav">
			<volist name="ad" id="img">
			<li <?php if($i==1)echo 'class="on"';?>></li>
			</volist>
		</ol>
	</div>
</div>
<ul class="icon-list">
	<li><a href="{:U('Wap/Index/index?token='.$token)}">
		<img src="/Public/Shop/images/icon_1.png"/>
		<div>联系我们</div>
		</a>
	</li>
	<li><a href="{:U('User/order_list?token='.$token.'&status=4')}"><img src="/Public/Shop/images/icon_2.png"/><div>评价商品</div></a></li>
	<li><a><img src="/Public/Shop/images/icon_3.png"/><div>浏览历史</div></a></li>
	<li><a href="{:U('User/collect_list',['token'=>$token])}"><img src="/Public/Shop/images/icon_4.png"/><div>我的收藏</div></a></li>
	<li><a href="{:U('User/index?token='.$token)}"><img src="/Public/Shop/images/icon_5.png"/><div>我的账户</div></a></li>
	<li><a href="{:U('User/order_list?token='.$token.'&status=3')}"><img src="/Public/Shop/images/icon_6.png"/><div>订单跟踪</div></a></li>
</ul>
<div class="content">
	<if condition="$productAds">
	<div class="module_special">
		<div class="product-ads">
			<a href="<?php echo $productAds['url']?$productAds['url']:'javascript:void(0)';?>">
				<img src="{$productAds.content}" />
			</a>
		</div>
	</div>
	</if>
	<div class="plates">
	{$plate_html}
	</div>
</div>
<include file="Public:footer" />
<script charset="utf-8" src="/Public/Common/js/swipe.js" type="text/javascript"></script>
<script charset="utf-8" src="/Public/Common/js/jquery.lazyload.min.js" type="text/javascript"></script>
<script>
$(function(){
    $("img.lazy").each(function(i, o){
        $(this).attr("src", $(this).attr("data-original"));
    });
	var swipe = new Swipe(document.getElementById('slider'), {
		speed:500,
		auto:3000,
		callback: function(){
			var lis = $(this.element).next("ol").children();
			lis.removeClass("on").eq(this.index).addClass("on");
		}
	});
	window.cateSwipe = new Swipe(document.getElementById('cate_slider'), {
		auto: 0
	});
	$('.cate_panel_wrap .pre').click(function(){
		cateSwipe.prev();
	});
	$('.cate_panel_wrap .next').click(function(){
		cateSwipe.next();
	});
	$("img").lazyload({});
	$('.search-form').submit(function(){
		if($('.search-input').val()==''){
			H5.message('关键词不能空哟','warning');
			return false;
		}
	});
});
</script>
<script type="text/javascript">
	var shareData = {
        "appId": "<?php echo $appid;?>", // 服务号可以填写appId,wx7a2d802083170153
        "imgUrl" : '<?php echo $set['picurl'];?>',
        "link" : '<?php echo C('WAP_DOMAIN').U('Index/index',['token'=>$token]); ?>',
        "desc" : '<?php echo $set['info'];?>',
        "title" : "<?php echo $set['title'];?>"
    };
	
</script>
<?php echo analysor(['token'=>$token,'wechat_id'=>$wechat_id,'module'=>'mall','page'=>'index']);?>
</body>
</html>